// pages/submit-order/orderPostil/orderPostil.js

import {getOrderPostil} from '../../../api/cartApi'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    content: "",
    tagList: ["无接触配送,请提前电话联系", "到了请打电话,不要敲门/按门铃", "到了请敲门/按门铃"]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const eventChannel =  this.getOpenerEventChannel()
    const superThis = this // 将可以对data中数据进行访问修改的对象缓存起来
    eventChannel.on('acceptDataFromOrder',function(data){
      superThis.setData({
        content:data.remark
      })
      console.log("接收到订单页面传递的留言内容：",data);
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    //获取订单批注列表
    getOrderPostil()
    .then(res=>{
      console.log(">>>>>>>>>>>>>>>>>获取的订单批注列表:",res);
      this.setData({
        tagList:res.data.orderPostil
      })
    })
    .catch(err=>{
      console.log("获取订单批注列表失败:",err);
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log("页面隐藏");
  },
  /**
   * 处理点击完成按钮,
   * 点击完成按钮之后,返回到上一页,并且将内容发送到上一页
   */
  handleCompleted() {
    console.log("点击了完成按钮");
    wx.navigateBack({
      delta: 1,
    })
  },

  handleClickTag(e) {
    console.log("点击了标签", e.currentTarget.dataset.tag);
    let content = this.data.content
    let addContent = e.currentTarget.dataset.tag
    if (content.length >= 50) {
      wx.showToast({
        title: '最多可输入50个字哦',
        icon: "none"
      })
      return
    }
    if (content) {
      content = content + ";" + addContent
    } else {
      content = content + addContent
    }
    if (content.length >= 50) {
      wx.showToast({
        title: '最多可输入50个字哦',
        icon: "none"
      })
      return
    }
    this.setData({
      content: content
    })
  },



  /**
   * 监听输入框的input事件，并将输入的内容赋值给指定的变量
   * @param {Object} e 事件对象 
   */
  contentInput(e){
    this.data.content = e.detail
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log("页面卸载");
    //触发事件向父组件传递数据
    this.getOpenerEventChannel().emit("myEvent", {
      data: this.data.content
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
// Page({
//   /**
//    * 组件的属性列表
//    */
//   properties: {

//   },

//   /**
//    * 组件的初始数据
//    */
//   data: {
//     content: "",
  //   tagList: ["无接触配送,请提前电话联系", "到了请打电话,不要敲门/按门铃", "到了请敲门/按门铃"]
  // },
  // /**
  //  * 组件的生命周期函数
  //  */
  // onHide: function () {
  //   // 在组件实例被从页面节点树移除时执行
  //   console.log("组件实例被从页面节点树移除");
  //   //触发事件向父组件传递数据
  //   this.getOpenerEventChannel().emit("myEvent", {
  //     data: this.data.content
  //   })
  // },
  // /**
  //  * 组件的方法列表
  //  */
  // // methods: {
  // /**
  //  * 处理点击完成按钮,
  //  * 点击完成按钮之后,返回到上一页,并且将内容发送到上一页
  //  */
  // handleCompleted() {
  //   console.log("点击了完成按钮");
  //   wx.navigateBack({
//       delta: 1,
//     })
//   },
//   /**
//    * 处理点击推荐标签
//    */
//   handleClickTag(e) {
//     console.log("点击了标签", e.currentTarget.dataset.tag);
//     let content = this.data.content
//     let addContent = e.currentTarget.dataset.tag
//     if (content.length >= 50) {
//       wx.showToast({
//         title: '最多可输入50个字哦',
//         icon: "none"
//       })
//       return
//     }
//     if (content) {
//       content = content + ";" + addContent
//     } else {
//       content = content + addContent
//     }
//     if (content.length >= 50) {
//       wx.showToast({
//         title: '最多可输入50个字哦',
//         icon: "none"
//       })
//       return
//     }
//     this.setData({
//       content: content
//     })
//   }
//   // }
// })